<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header SMES-dialog B0226-dialog">
    <div class="kmi-header-row">
        <div class="header-title" ng-bind="'B0226.title'+dialog.type | translate"></div>
        <div class="kmi-side-btn right" ng-click="dialog.back();">
            <img src="image/icons/clear.png"></img>
            <div class="kmi-can-click"></div>
        </div>
    </div>
    <div class="kmi-layout-main-content">
        <div class="kmi-layout-page">
            <div>
                <div class="kmi-text-fields">
                    <label class="label" ng-bind="'B0226.lot_no' | translate" ></label>
                    <label class="value" ng-bind="dialog.plotItem.lot_no"></label>
                    <label class="label" ng-bind="'B0226.wo_no' | translate" ></label>
                    <label class="value" ng-bind="dialog.plotItem.wo_no"></label>
                </div>
                <div class="kmi-text-fields">
                    <label class="label" ng-bind="'B0226.equipment_no'+dialog.type | translate" ></label>
                    <label class="value" ng-bind="dialog.plotItem.cur_equipment_no"></label>
                    <label class="label" ng-bind="'B0226.remain_qty'+dialog.type | translate" ></label>
                    <label class="value" ng-bind="dialog.plotItem.remain_qty"></label>
                </div>
                <div class="kmi-text-fields">
                    <label class="label" ng-bind="'B0226.product_no' | translate" ></label>
                    <label class="value" ng-bind="dialog.plotItem.product_no"></label>
                    <label class="label" ng-bind="'B0226.product_name' | translate" ></label>
                    <label class="value" ng-bind="dialog.plotItem.product_name"></label>
                </div>
                <div class="kmi-text-fields">
                    <label class="label" ng-bind="'B0226.product_spec' | translate" ></label>
                    <label class="value" ng-bind="dialog.plotItem.product_spec"></label>
                    <label class="label" ng-bind="'B0226.product_graph' | translate" ></label>
                    <label class="value" ng-bind="dialog.plotItem.product_graph"></label>
                </div>
                <div class="kmi-text-fields">
                    <label class="label" ng-bind="'B0226.op_no' | translate" ></label>
                    <label class="value" ng-bind="dialog.plotItem.op_no"></label>
                    <label class="label" ng-bind="'B0226.op_name' | translate" ></label>
                    <label class="value" ng-bind="dialog.plotItem.op_name"></label>
                </div>
            </div>
            <div class="kmi-list">
                <div class="kmi-list__header">
                    <div class="kmi-list__column" style="flex:1;"        ng-bind="'B0226.list'+dialog.type+'.column1' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;"        ng-bind="'B0226.list'+dialog.type+'.column2' | translate"></div>
                    <div class="kmi-list__column" style="flex:0 0 28px;" ></div>
                    <div class="kmi-list__column" style="flex:0 0 100px;"ng-bind="'B0226.list'+dialog.type+'.column3' | translate"></div>
                    <div class="kmi-list__column" style="flex:0 0 40px;" ></div>
                </div>
                <div class="kmi-list__row-content">
                    <div class="kmi-list__row" ng-repeat="item in dialog.equipment_detail track by $index">
                        <div class="kmi-list__column" style="flex:1" ng-bind="item.equipment_no"></div>
                        <div class="kmi-list__column" style="flex:1" ng-bind="item.equipment_name"></div>
                        <div class="kmi-list__column" style="flex:0 0 28px;height: 22px;padding:0px;">
                            <i class="material-icons dashboard-light-panel" style="font-size: 22px;" ng-class="[item.equipment_status]">lens</i>
                        </div>
                        <div class="kmi-list__column column-input" style="flex:0 0 100px;">
                            <input readonly="readonly" ng-click="dialog.input_qty($event, item);" ng-value="item.qty">
                        </div>
                        <div class="kmi-list__column" style="flex: 0 0 40px;">
                            <button class="mdl-button mdl-button--icon" ng-click="dialog.remove($index, item);">
                                <img src="image/icons/delete.png"></img>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="btn-content">
            <div class="kmi-button kmi-button-confrim btn-confirm" ng-click="dialog.add()" style="width:100px">
                <label ng-bind="'B0226.btn.add' | translate"></label>
                <div class="kmi-can-click"></div>
            </div>
            <div class="kmi-button kmi-button-confrim btn-confirm" ng-click="dialog.confirm()" style="width:100px">
                <label ng-bind="'common.btn.confirm' | translate"></label>
                <div class="kmi-can-click"></div>
            </div>
        </div>
    </div>
</div>
